<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="target-densityDpi=device-dpi, width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
        <!-- Bootstrap -->
    	<link href="../css/bootstrap.min.css" rel="stylesheet" media="screen">
    	<link href="../plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" media="screen">
    	<link rel="stylesheet" type="text/css" href="../css/index.css" />
        <title>Hello World</title>
    </head>
    <body>
    	<div id="header">
          <div>
                  <a class="dropdown-toggle" id="header-titre" role="button" data-toggle="dropdown" href="#"><img src="../img/logo3_small.png"></a>
          </div>
          
          <div id="header-right">
            <div class="popover top" id="notification">
                <div class="arrow"></div>
                <div class="popover-content" style="font-weight: bold; color:white; font-size: 1.5em;">6</div>
            </div>
          </div>
        </div>
        
        <div id="container-product">
            <div class="row-fluid author" style="width:96%">
	       		<div class="span6 name" style="text-align:left;"><img alt="" src="../img/cordova.png" style="height: 2.5em; margin-right:5px;"> Akram Fares</div>
	       		<div class="span6 time" >Il y a 32 minutes</div>
	       	</div>
            <div id="title">Product title</div>
            <div id="image">
                <img src="../img/sunset.jpg">
                <div style="display: table-cell;">
                    <div class="bubble" style="top: -2.5em;right: 0em; font-size: 3em; padding:20px;">300DHs</div></div>
            </div>
            <div class="row-fluid">
                <div class="span6">
                    <button class="btn"><i class="icon-heart-empty"></i> Je le veux</button>
                    <div style="font-size:1.5em; margin-top:.3em; font-weight:bold;">45</div>
                </div>
                <div class="span6">
                    <button class="btn"><i class="icon-ok-circle"></i> Je l'ai</button>
                     <div style="font-size:1.5em; margin-top:.3em; font-weight:bold;">19</div>
                </div>
            </div>
        </div>

        <div id="footer">
            <div class="row-fluid" style="text-align:center;">
                <a href="dashboard.html" class="span3"><i class="icon-th-large icon-3x"></i><br> Flux</a>
                <a class="span3"><i class="icon-user icon-3x"></i><br> Mon profil</a>
                <a class="span3"><i class="icon-search icon-3x"></i><br> Explorer</a>
                <a href="add.html" class="span3"><i class="icon-plus-sign icon-3x"></i><br> Ajouter</a> 
            </div>
        </div>
        
        
        <!-- <script type="text/javascript" src="../cordova-2.7.0.js"></script> -->
        <script type="text/javascript" src="../js/jquery.js"></script>
        <script type="text/javascript" src="../js/bootstrap-dropdown.js"></script>
         <script type="text/javascript">
         
        </script> 
    </body>
</html>
